<template>
<div class="wp">
    <div class="nullmain">
        <i class="nullicon"></i>
        暂无收获地址，请点击
        <button class="Abut" @click="toadd()">添加新地址</button>
    </div>
</div>
</template>

<script>
import Bus from './Bus';
export default {
    name:'Addresnull',
    methods:{
        toadd(){
            this.$emit('tonew-1');
        }
    },
    mounted() {
        Bus.$on('tonew',data=>{
            console.log(data);
        })
    },
} 
</script>

<style  scoped>
.wp {
    display: flex;
    justify-content: center;
    align-items: center;
}
.nullicon {
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url(../../assets/imgs/Yaddress.png);
    vertical-align: middle;
    margin-right: 20px;
}
.Abut {
    background: #498e3d;
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 90px;
    border-radius: 5px;
    margin-left: 10px;
}
</style>